<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文科创投</title>
    <!-- 引入动画样式 -->
    <link rel="stylesheet" href="./assets/css/animate.min.css">
    <!-- 引入Bootstrap样式 -->
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css">
    <!-- 引入清除默认样式 -->
    <link rel="stylesheet/less" href="./assets/css/reset.less">
    <!-- 引入本页样式 -->
    <link rel="stylesheet/less" href="./assets/css/index.less">
</head>

<body>
    <!-- 头部导航 -->
    <header class="header">
        <nav class="navbar navbar-default">
            <div class="container">
                <!-- logo部分 -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">
                        <img src="./assets/images/logo1.png">
                    </a>
                </div>
                <!-- 右边导航列表部分 -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#">首页</a></li>
                        <li><a href="#">文科创投</a></li>
                        <li><a href="#">案例展示</a></li>
                        <li><a href="#">解决方案</a></li>
                        <li><a href="#">咨询中心</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>
    <!-- 头部导航 -->

    <!-- banner -->
    <div class="banner">
        <img src="./assets/images/banner.png" alt="">
    </div>
    <!-- banner -->

    <!-- about -->
    <div class="about">
        <div class="bigbox">
            <!-- 标题 -->
            <div class="titleBox">
                <h3>about us</h3>
                <div class="divider">
                    <p>关于我们</p>
                </div>

            </div>
            <!-- 公司介绍 -->
            <div class="COMPANY">
                <div class="photo">
                    <img src="./assets/images/介绍.png" alt="">
                </div>
                <div class="Mask">
                    <div class="desc">
                        <h3>公司介绍/COMPANY INTORDUCTION</h3>
                        <p>文科创投，是一家提供互联网服务的高科技集团公司，集策划、设计、前端优化、研发、测试、系统运维、网站推广、运营、团队外包为一体的成熟业务体系</p>
                    </div>
                </div>
            </div>
            <!-- 运营理念 -->
            <div class="OPRATIONNER">
                <div class="left">
                    <div class="desc">
                        <h3>运营理念/CONCEPT OPRATIONNER</h3>
                        <p>携手共进，共赢天下。 以结果为导向。树立好工作目标，监督过程，实现理想效果。 打造一流的团队，创造一流的服务，成为一流的行业标志。</p>
                    </div>
                </div>
                <div class="right">
                    <img src="./assets/images/运营.png" alt="">
                </div>
            </div>
            <!-- 业务范围 -->
            <div class="BUSINERSS">
                <div class="left">
                    <img src="./assets/images/业务.png" alt="">
                </div>
                <div class="right">
                    <div class="desc">
                        <h3>业务范围/THE BUSINERSS SCOPE</h3>
                        <p>
                            文科创投主要提供高品质网站建设方案，电子商务平台解决方案，移动端应用开发方案（基于ANDROID、IOS
                            APP及移动端网站），微应用、微商城、微官网、微互动营销解决方案，企业信息化解决方案（OA、CRM），以及PHP网站开发、JAVA开发、UI设计、淘宝美工服务，高端IT人才猎头服务。
                        </p>
                    </div>
                </div>
            </div>
            <!-- 使命、价值观、愿景 -->
            <div class="CorporateCulture">
                <div class="item">
                    <div class="photo">
                        <img src="./assets/images/1-.png" alt="">
                    </div>
                    <div class="title">
                        <h3>使命</h3>
                        <p>MISSION</p>
                    </div>
                </div>
                <div class="item">
                    <div class="photo">
                        <img src="./assets/images/2-.png" alt="">
                    </div>
                    <div class="title">
                        <h3>价值观</h3>
                        <p>values</p>
                    </div>
                </div>
                <div class="item">
                    <div class="photo">
                        <img src="./assets/images/3-.png" alt="">
                    </div>
                    <div class="title">
                        <h3>愿景</h3>
                        <p>vision</p>
                    </div>
                </div>
            </div>
            <!-- 轮播图 -->
            <div class="swiper">
                <div class="left">
                    <div class="glyphicon glyphicon-menu-left"></div>
                </div>
                <div class="cent">
                    <div class="item">
                        <div class="photo">
                            <img src="./assets/images/图-左.png" alt="">
                        </div>
                        <!-- <div class="title">
                            <h3>员工职业发展/staff career development</h3>
                            <p>
                                我们非常清楚职业发展计划对于每个员工的重要性。公司对人员的要求，更加看重心态，只要愿意成为文科创投的一份子，公司都会让员工充分展示自己，发挥他们的潜力、才干和热情，在微豆走向职业的成功。
                            </p>
                        </div> -->
                    </div>
                    <div class="item">
                        <div class="photo">
                            <img src="./assets/images/图-大.png" alt="">
                        </div>
                        <div class="title">
                            <h3>员工职业发展/staff career development</h3>
                            <p>
                                我们非常清楚职业发展计划对于每个员工的重要性。公司对人员的要求，更加看重心态，只要愿意成为文科创投的一份子，公司都会让员工充分展示自己，发挥他们的潜力、才干和热情，在微豆走向职业的成功。
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="photo">
                            <img src="./assets/images/图-右.png" alt="">
                        </div>
                        <!-- <div class="title">
                            <h3>员工职业发展/staff career development</h3>
                            <p>
                                我们非常清楚职业发展计划对于每个员工的重要性。公司对人员的要求，更加看重心态，只要愿意成为文科创投的一份子，公司都会让员工充分展示自己，发挥他们的潜力、才干和热情，在微豆走向职业的成功。
                            </p>
                        </div> -->
                    </div>
                </div>
                <div class="right">
                    <div class="glyphicon glyphicon-menu-right"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- about -->

    <!-- Case presentation -->
    <div class="Case">
        <div class="bigbox">
            <!-- 标题 -->
            <div class="titleBox">
                <h3>Case presentation</h3>
                <div class="divider">
                    <p>案例展示</p>
                </div>

            </div>
            <!-- 标签 -->
            <div class="tab">
                <ul>
                    <li><a href="#">APP作品</a></li>
                    <li><a href="#">H5作品</a></li>
                    <li><a href="#">网页作品</a></li>
                    <li><a href="#">平面作品</a></li>
                </ul>
            </div>
            <!-- 图片组 -->
            <div class="photo">
                <div class="item">
                    <div class="img">
                        <img src="./assets/images/1.png" alt="">
                    </div>
                    <div class="mask">
                        <h3>新居APP</h3>
                        <p>NEW JUWANG</p>
                    </div>
                </div>
                <div class="item">
                    <div class="img">
                        <img src="./assets/images/2.png" alt="">
                    </div>
                </div>
                <div class="item">
                    <div class="img">
                        <img src="./assets/images/3.png" alt="">
                    </div>
                </div>
                <div class="item">
                    <div class="img">
                        <img src="./assets/images/4.png" alt="">
                    </div>
                </div>
                <div class="item">
                    <div class="img">
                        <img src="./assets/images/5.png" alt="">
                    </div>
                </div>
                <div class="item">
                    <div class="img">
                        <img src="./assets/images/6.png" alt="">
                    </div>
                </div>
            </div>
            <!-- 分页 -->
            <div class="pagination">
                <ul>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">下一页</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- Case presentation -->

    <!-- Solutions -->
    <div class="Solutions">
        <div class="bigbox">
            <!-- 标题 -->
            <div class="titleBox">
                <h3>Solutions</h3>
                <div class="divider">
                    <p>解决方案</p>
                </div>
            </div>
            <!-- 标签 -->
            <div class="tab">
                <ul>
                    <li><a href="#">移动端应用开发</a></li>
                    <li><a href="#">高品质网站</a></li>
                    <li><a href="#">微信应用</a></li>
                    <li><a href="#">电子商务平台</a></li>
                </ul>
            </div>
            <!-- 内容展示 -->
            <div class="cont">
                <div class="left">
                    <img src="./assets/images/解决方案.png" alt="">
                </div>
                <div class="right">
                    <h2>移动端应用开发</h2>
                    <h3>ANDROID-IOS-HTML</h3>
                    <p>我们为各个行业提供 移动端应用开发解决方案 互动营销小游戏解决方案 基于微信的应用解决方案 基于微信的应用解决方案
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!-- Solutions -->

    <!-- Information Centre -->
    <div class="Information">
        <div class="bigbox">
            <!-- 标题 -->
            <div class="titleBox">
                <h3> Information Centre</h3>
                <div class="divider">
                    <p>资讯中心</p>
                </div>
            </div>
            <!-- 资讯信息组 -->
            <div class="information">
                <div class="item">
                    <div class="left">
                        <img src="./assets/images/-1.png" alt="">
                    </div>
                    <div class="desc">
                        <h3>10款提高iOS开发效率的XCode插件</h3>
                        <p>一套理想的插件架构几乎能够决定整个集成开发环境的差异与特性。Sublime Text与TextMate就是很好的实例。但大家可能不了解的是，Xcode也支持插件。</p>
                        <p>2016-02-16</p>
                    </div>
                </div>
                <div class="item">
                    <div class="left">
                        <img src="./assets/images/-2.png" alt="">
                    </div>
                    <div class="desc">
                        <h3>10款提高iOS开发效率的XCode插件</h3>
                        <p>一套理想的插件架构几乎能够决定整个集成开发环境的差异与特性。Sublime Text与TextMate就是很好的实例。但大家可能不了解的是，Xcode也支持插件。</p>
                        <p>2016-02-16</p>
                    </div>
                </div>
                <div class="item">
                    <div class="left">
                        <img src="./assets/images/-3.png" alt="">
                    </div>
                    <div class="desc">
                        <h3>10款提高iOS开发效率的XCode插件</h3>
                        <p>一套理想的插件架构几乎能够决定整个集成开发环境的差异与特性。Sublime Text与TextMate就是很好的实例。但大家可能不了解的是，Xcode也支持插件。</p>
                        <p>2016-02-16</p>
                    </div>
                </div>
                <div class="item">
                    <div class="left">
                        <img src="./assets/images/-4.png" alt="">
                    </div>
                    <div class="desc">
                        <h3>10款提高iOS开发效率的XCode插件</h3>
                        <p>一套理想的插件架构几乎能够决定整个集成开发环境的差异与特性。Sublime Text与TextMate就是很好的实例。但大家可能不了解的是，Xcode也支持插件。</p>
                        <p>2016-02-16</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Information Centre -->

    <!-- footer -->
    <div class="footer">
        <div class="bigbox">
            <div class="item">
                <img src="./assets/images/图层 1.png" alt="">
            </div>
            <div class="item">
                <img src="./assets/images/图层 2.png" alt="">
            </div>
            <div class="item">
                <img src="./assets/images/图层 3.png" alt="">
            </div>
            <div class="item">
                <img src="./assets/images/图层 4.png" alt="">
            </div>
            <div class="item">
                <img src="./assets/images/图层 5.png" alt="">
            </div>
        </div>
    </div>
    <!-- footer -->

    <!-- 版权 -->
    <div class="copyright">
        <div class="bigbox">
            <ul>
                <li>
                    <div class="icon"> <img src="./assets/images/资源 3@4x 拷贝.png" alt=""></div>
                    <span>020-84133486</span>
                </li>
                <li>
                    <span>
                        COPYRIGHT(C)2017 文科创投科技有限公司版权所有 . ALL RIGHTS RESERVED
                    </span>
                </li>
                <li>
                    <span>
                        法律顾问：广东晟晨律师事务所—张勇律师
                    </span>
                </li>
            </ul>
        </div>
    </div>
    <!-- 版权 -->

</body>

</html>
<!-- 引入JQ文件 -->
<script src="./assets/js/jquery.min.js"></script>
<!-- 引入Bootstrap js文件 -->
<script src="./assets/js/bootstrap.min.js"></script>
<!-- 引入less.js文件 -->
<script src="./assets/js/less.min.js"></script>
<!-- 引入wow.js文件 -->
<script src="./assets/js/wow.min.js"></script>
<!-- 初始化wow -->
<script>
    new WOW().init();
</script>